<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="es"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <!--IMPORTA TODOS LOS ARCHIVOS CSS Y JAVASCRIPT-->
        <h:outputStylesheet name="appDefault.css" library="css"/>            
        <h:outputStylesheet name="formsSecretary.css" library="css"/> 
        <h:outputStylesheet name="menuLeft.css" library="css"/>   
        <h:outputStylesheet name="menuTabs.css" library="css"/>   
        <h:outputStylesheet name="jquery-ui-1.8.16.custom.css" library="css"/>                  

        <h:outputScript library="js" name="jquery-1.7.2.js" />
        <h:outputScript library="js" name="jquery-ui-1.8.21.custom.js" />
        <h:outputScript library="js" name="menusToogle.js" />
        <title><h:outputText value="#{default.title}"/></title>   
    </h:head>

    <h:body>
        <!-- CARGA ARCHIVO DE PROPIEDADES PARA MENSAJES-->                
        

        <div class="contenedorapp">
            <!--HEADER-->
            <div class="top">                
                <ui:insert name="top">                                           
                    <div id="header" title="#{default.home}">                                     
                        <h:graphicImage url="/resources/img/logo.png"/>                          
                        <h:outputText value="#{default.title}"/>                                                
                    </div>                     
                    <h:outputLabel value="label de posicion" dir="LRT" styleClass="position"/>                                            
                    <ul>                    
                        <li> 
                            <h:form>
                                <!--<c:choose>
                                    <c:when test="${loginUser.login}">-->    
                                <div class="menulogout">
                                    <h:panelGrid columns="3">                                                                                                                        
                                        <h:graphicImage value="/resources/img/userlogout.png" styleClass="imglogout"/>                                                                                  
                                        <h:outputText value="Yeimy Quevedo"/>  
                                        <b id="caret"/>
                                        <!--<h:outputText id="text" value="#{loginUser.nombreCompleto}">
                                            <b id="caret"/>
                                        </h:outputText>-->                                                                                                                                                         
                                    </h:panelGrid>           
                                </div>
                                <!-- </c:when>                                   
                             </c:choose> -->
                                <ul class="dropdown-menu">
                                    <li id="passuser"><h:commandLink action="changepass" immediate="true" value="#{default.contrasena}"/></li>
                                    <li id="logout"><h:commandLink action="session" immediate="true" value="#{default.logout}"/></li>                                                           
                                </ul> 
                            </h:form>
                        </li>                        
                    </ul>                      
                </ui:insert>
            </div>           
            <!--MODULO IZQUIERDO-->
            <div class="left">
                <ui:insert name="left">                     
                </ui:insert>
            </div>
            <!--DIVISION CONTENIDO DE COMPONENTES CAMBIA SEGUN LA PAGINA-->
            <div class="content">
                <ui:insert name="content">                    
                </ui:insert>
            </div>            
        </div>       
    </h:body>
</html>
